<template>
    <div>
        <template>
            <el-tabs v-model="activeName" @tab-click="handleClick">
                <el-tab-pane label="用户管理" name="first">
                    <img src="../assets/mysonglists.png" alt="">
                </el-tab-pane>
                <el-tab-pane label="配置管理" name="second">
                    <img src="../assets/newmvs.png" alt="">
                </el-tab-pane>
                <el-tab-pane label="角色管理" name="third">
                    <img src="../assets/discovery.png" alt="">
                </el-tab-pane>
                <el-tab-pane label="定时任务补偿" name="fourth">
                    <img src="../assets/mysonglists.png" alt="">
                </el-tab-pane>
            </el-tabs>
            <el-pagination
                background
                layout="prev, pager, next"
                :total="1000">
            </el-pagination>
        </template>
        
        {{this.$route.query.songName}}
    </div>
</template>

<script>
    export default {
        data() {
            return {
                activeName: 'second'
            };
            },
            methods: {
            handleClick(tab, event) {
                console.log(tab, event);
            }
        }
    };
</script>

<style lang="scss" scoped>

</style>